<template>
   <div>
     <h1>v-model注册事件 操作表单元素</h1>
     <div>姓名：<input type="text" placeholder="请输入用户名" v-model="username"></div>
     <div>描述：<textarea  cols="20" rows="10" v-model="desc"></textarea></div>
     <!-- 下拉表单 -->
     <div>
           籍贯：
       <select v-model="city">
          <option value="1">北京</option>
           <option value="2">上海</option>
            <option value="3">广州</option>
             <option value="4">深圳</option>
              <option value="5">武汉</option>
              <option value="6">四川</option>
       </select>
     </div>
   
     <!-- 单选框，多个单选框要使用同一个v-model -->
   <div>
     性别：
     <input type="radio" value="1" v-model="gender"> 男
     <input type="radio" value="0" v-model="gender"> 女
   </div>

   <div>
     爱好：
     <input type="checkbox" value="篮球" v-model="hobby">篮球
      <input type="checkbox" value="足球" v-model="hobby">足球
       <input type="checkbox" value="排球" v-model="hobby">排球
        <input type="checkbox" value="桌球" v-model="hobby">桌球
         <input type="checkbox" value="乒乓球" v-model="hobby">乒乓球
   </div>

   <div>
     是否单身：<input type="checkbox" v-model="isDog">
   </div>
   </div>
</template>

<script>
export default {
  data(){
    return {
      username:'YSY123',
      desc:'123456',
      city:'6',
      gender:'1',
      hobby:['篮球','排球','乒乓球'],
      isDog:true

    }
  }
}
</script>

<style>

</style>